.el-picker-panel {
  border: 0 !important;
  @include bg_color();
  box-shadow: 0 0 12px 0 #3f3f3f !important;
}


.el-picker-panel {
  line-height: 20px !important;
  [data-theme="night"] & {
    color: $theme-color-night-dark;
  }

  /deep/ .el-date-picker__header--bordered {
    [data-theme="night"] & {
      border-color: $theme-color-night-dark-7;
    }
  }

  /deep/ .el-date-picker__header-label:hover {
    color: $theme-color-light;
    [data-theme="night"] & {
      color: $theme-color-night;
    }
  }

  /deep/ .el-picker-panel__icon-btn {
    [data-theme="night"] & {
      color: $theme-color-night;
    }
  }


  /deep/ .el-date-table,.el-year-table,.el-month-table {
    th {
      [data-theme="night"] & {
        border-color: $theme-color-night-dark-7;
      }
    }

    /deep/ td.today span,td.available:hover,td.current:not(.disabled) .cell,td .cell:hover,td.today .cell {
      color: $theme-color-light;
      [data-theme="night"] & {
        color: $theme-color-night;
      }
    }

    /deep/ td.current:not(.disabled) span {
      background-color: $theme-color-light-dark-7;
      [data-theme="night"] & {
        background-color: $theme-color-night-dark-7;
      }
    }
  }
}


.el-date-picker {
  width: 260px !important;
  /deep/ .el-picker-panel__content {
    width: 230px !important;
  }
}
